<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/列表页.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<nav>
			<div class="container">
				<ul class="left">
					<li><a href="#">关于荣耀</a></li>
					<li><a href="#">新闻</a></li>
					<li><a href="#">荣耀官网</a></li>
					<li><a href="#">会员</a></li>
					<li><a href="#">企业购</a></li>
					<li><a href="#">荣耀俱乐部</a></li>
				</ul>
				<ul class="right">
					<li class="li1">
						<a href="#">注册</a>
						<a href="#">登录</a>
					</li>
					<li><a href="#">我的订单</a></li>
					<li class="li3">
						<a href="#"><span class="iconfont icon-gouwuche"></span>购物车</a>
						<div>
							<div><span class="iconfont icon-gouwuche"></sapn></div>
							<p>您的购物车是空的，赶紧选购吧~</p>
							<h2>去逛逛吧</h2>
						</div>
					</li>
					<li class="li4">
						<a href="#">手机端</a>
						<div>
							<div class="d1">
								<img src="img/01.png" alt="" />
								<div>
									<h2>荣耀商城APP</h2>
									<p>新人专享好礼<br />免费领79元耳机</p>
								</div>
							</div>
							<div class="d1">
								<img src="img/02.jpg" alt="" />
								<div>
									<h2>荣耀商城公众号</h2>
									<p>微信扫一扫</p>
								</div>
							</div>
							<div class="d1">
								<img src="img/03.jpg" alt="" />
								<div>
									<h2>微信小程序</h2>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</nav>
		<header>
			<div class="container">
				<div class="left">
					<img src="img/logo.png" alt="" />
					<ul>
						<li><a href="#">荣耀50</a></li>
						<li><a href="#">数码新品</a></li>
						<li><a href="#">新人有礼</a></li>
					</ul>
				</div>
				<div class="right">
					<input type="text" name="1"  value="" placeholder="荣耀40  荣耀V40"/>
					<div class="iconfont icon-sousuo"></div>
				</div>
			</div>
		</header>
		<section>
			<div class="container">
				<div class="sec1">
					<a href="#">首页</a>&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;手机
				</div>
				<div class="sec2">
					<div class="boder">
						<div class="d1">
							<div>分类：</div>
							<a href="#">手机</a>
						</div>
						<div class="d2">
							<div>服务优惠：</div>
							<ul>
								<li>
									<a href="#">仅看有货</a>
									<input type="checkbox" name="1" value="" />
								</li>
								<li>
									<a href="#">分期免息</a>
									<input type="checkbox" name="1" value="" />
								</li>
								<li>
									<a href="#">优惠商品</a>
									<input type="checkbox" name="1" value="" />
								</li>
							</ul>
						</div>
						<div class="d2">
							<div>屏幕尺寸：</div>
							<ul>
								<li>
									<a href="#">6.0-6.5英寸</a>
									<input type="checkbox" name="1" value="" />
								</li>
								<li>
									<a href="#">6.5英寸以上</a>
									<input type="checkbox" name="1" value="" />
								</li>
							</ul>
						</div>
						<div class="d3">
							<div>更多选项：</div>
							<ul>
								<li>
									<a href="#">运行内存∨</a>
									<div>
										<ul>
											<li>4GB</li>
											<li>8GB</li>
											<li>8GB以上</li>
										</ul>
									</div>
								</li>
								<li>
									<a href="#">储存容量∨</a>
									<div>
										<ul>
											<li>4GB</li>
											<li>8GB</li>
											<li>8GB以上</li>
										</ul>
									</div>
								</li>
								<li>
									<a href="#">上市时间∨</a>
									<div>
										<ul>
											<li>4GB</li>
											<li>8GB</li>
											<li>8GB以上</li>
										</ul>
									</div>
								</li>
							</ul>
						</div>
						<div class="d2">
							<div>排序：</div>
							<ul>
								<li>
									<a href="#">综合</a>
								</li>
								<li>
									<a href="#">最新</a>
								</li>
								<li>
									<a href="#">评论数</a>
								</li>
								<li>
									<a href="#">价格</a>
								</li>
								<li class="last">
									<div>¥</div>
									<sapn>一</sapn>
									<div>¥</div>
									<div class="qingkong">
										<span>清空</span>
										<span>确定</span>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="sec3">
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
					<div>
						<img src="img/05.png" alt="" />	
						<ul class="u1"><li><a href="#">荣耀X20 SE</a></li></ul>
						<ul class="u2">
							<li><a href="#" class="a1">¥1799起</a></li>
							<li><a href="#" class="a2">多款可选</a></li>
						</ul>
						<ul class="u3">
							<li><a href="#">购机赠券</a></li>
							<li><a href="#">赠送积分</a></li>
						</ul>
						<ul class="u4">
							<li><a href="#">861人评价</a></li>
							<li><a href="#">99%好评</a></li>
						</ul>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="container">
				<ul>
					<li>
						<a href="#" class="a1"><img src="img/QQ图片20210803192723_03.png" alt="" /></a>
						<a href="#">官方商城 品质保证</a>
					</li>
					<li>
						<a href="#" class="a1"><img src="img/QQ图片20210803192723_04.png" alt="" /></a>
						<a href="#">7天退货 15天换货</a>
					</li>
					<li>
						<a href="#" class="a1"><img src="img/QQ图片20210803192723_05.png" alt="" /></a>
						<a href="#">48元起免运费</a>
					</li>
					<li>
						<a href="#" class="a1"><img src="img/QQ图片20210803192723_06.png" alt="" /></a>
						<a href="#">1800+服务店 全国联保</a>
					</li>
				</ul>
				<div class="middle">
					<div class="m_top">
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
						<ul>
							<h2>推荐产品</h2>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">笔记本</a></li>
						</ul>
					</div>
					<div class="box">
						<div class="iconfont icon-kefu"></div>
						<a href="">在线客服</a>
						<h2>400-078-8888</h2>
						<p>商城服务热线</p>
						<span>关注荣耀:</span>
						<img src="img/02.jpg" alt="" />
					</div>
				</div>
				<div class="bot">
					<ul>
						<li><a href="#">隐私声明</a></li>
						<li><a href="#">使用条款</a></li>
						<li><a href="#">关于cookies</a></li>
					</ul>
					<p>版权所有  ©  荣耀终端有限公司  2021 保留一切权利 </p>
					<p>
						<a href="#">粤ICP备20047157号</a>
						<a href="#">粤公网安备  44030702003447号</a>
					</p><br />
					<p>增值电信业务许可证：粤B2-20201081 </p>
					<img src="img/gongan.png"/>
				</div>
			</div>
		</footer>
	</body>
</html>
